/**Banner slide**/
.cab{color: #0050b4;}
@media (max-width:767.98px) {
	.slide-banner {width:100%; height: 220px; overflow: hidden;}
	.slide-banner .swiper-button-next,.slide-banner .swiper-button-prev {display: none;}
}
@media (min-width:768px) {
	.slide-banner {width:100%; height: 450px; overflow: hidden;}
}
.swiper-banner {width: 100%; height: 100%; position: relative; list-style: none; padding: 0; z-index: 1;}
.swiper-banner .swiper-slide { text-align: center; font-size: 18px; background: #FFF;}
.swiper-banner .swiper-slide a {width:100%; height: 100%; display: block; background-size: cover; background-position: center center;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev {color:rgba(255,255,255,0.5)!important; -webkit-transition: all .3s; transition: all .3s;padding:2rem; margin-top:-2rem; background: rgba(47,113,100,0.2); border-radius: 10%;}
.swiper-banner .swiper-button-next:hover,.swiper-banner .swiper-button-prev:hover {color:rgba(255,255,255,1)!important; background: rgba(47,113,100,0.8);}
.swiper-banner .swiper-pagination-bullet {width:1.5rem!important; height:0.5rem!important; border-radius: 0.3rem!important; background:rgba(255,255,255,0.75)!important;}
.swiper-banner .swiper-pagination-bullet-active {background:rgb(253,3,5,1)!important;}

/**产品 配件**/
.li-mt-3 li:nth-of-type(n+5),.li-mt-4 .col-md-3:nth-of-type(n+5){margin-top:0.5rem;}
.li-mt-3 li .card-body{padding: 0.75rem 1.25rem;}
#footer .md-hide .d-flex .w-25 li{margin: 0.3rem 0;}
@media (max-width:991.98px) {
	.li-mt-3 li {margin-top:2rem;}
}
@media (max-width:767.98px) {
	.li-mt-4>.col-md-3:nth-of-type(n+2) {margin-top:2rem;}
}

/*banner-txt*/
.banner-txt {width:100%; height: 280px; background:url("../images/banner-bj.png") no-repeat center center; background-size: cover; position: relative;}
.banner-txt .txt-body {height: 7rem; width:100%; position: absolute; top:50%; margin-top:-3.5rem;}
.banner-txt .txt-body h3 {font-size:1.5rem;}
.banner-txt .txt-body .phone {height: 2.5rem; line-height: 2.5rem;}
.banner-txt .txt-body .phone span {font-size:2rem!important;}
.banner-txt .txt-body .phone i {font-size:2.5rem!important;}
@media (min-width:576px) {	
	.banner-txt .txt-body {left:3rem;}
	.banner-txt .txt-body h3 span:nth-child(1) {margin-right: 1rem;}
}
@media (max-width:575.98px) {
	.banner-txt .txt-body h3 span,.banner-txt .txt-body .phone {display: block; text-align: center;}
	.banner-txt .txt-body {margin-top:-5.5rem!important;}
	.banner-txt .txt-body .btn-list {width:100%; padding:0 10%; height: 5rem;}
	.banner-txt .txt-body .btn-list span {display: inline-block; float: left; width: 45%; margin:0 2.5%;}
	.banner-txt .txt-body .btn-list span:nth-of-type(n+3) {margin-top:0.5rem;}
}

/*服务流程-正方形*/
.photo-square {width:100%; height: 0; padding:50% 0; overflow: hidden; position: relative;}
.square-body {width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(35,35,35,0.1); text-align: center;}
.square-body .square span {display: block; width:80px; height: 80px; background:rgb(21 63 143); position: absolute; top:50%; left:50%; margin:-50px 0 0 -40px;}
.square-body .square p {width: 100%; position: absolute; top:50%; margin-top: 25px; text-align: center;}
.square-body:hover .square p {color:rgb(21 63 143);}
.square-body .square .photo-1 {background:url("../images/photo-01.png") no-repeat center top; background-size: 88%; transition: all 0.3s;}
.square-body:hover .square .photo-1 {background:url("../images/photo-01a.png") no-repeat center top; background-size: 90%;}
.square-body .square .photo-2 {background:url("../images/photo-02.png") no-repeat center top; background-size: 88%; transition: all 0.3s;}
.square-body:hover .square .photo-2 {background:url("../images/photo-02a.png") no-repeat center top; background-size: 90%; }
.square-body .square .photo-3 {background:url("../images/photo-03.png") no-repeat center top; background-size: 88%; transition: all 0.3s;}
.square-body:hover .square .photo-3 {background:url("../images/photo-03a.png") no-repeat center top; background-size: 90%; }
.square-body .square .photo-4 {background:url("../images/photo-04.png") no-repeat center top; background-size: 88%; transition: all 0.3s;}
.square-body:hover .square .photo-4 {background:url("../images/photo-04a.png") no-repeat center top; background-size: 90%; }
.square-body .square .photo-5 {background:url("../images/photo-05.png") no-repeat center top; background-size: 88%; transition: all 0.3s;}
.square-body:hover .square .photo-5 {background:url("../images/photo-05a.png") no-repeat center top; background-size: 90%; }
.square-body .square .photo-6 {background:url("../images/photo-06.png") no-repeat center top; background-size: 88%; transition: all 0.3s;}
.square-body:hover .square .photo-6 {background:url("../images/photo-06a.png") no-repeat center top; background-size: 90%; }

/*About Box*/
.about-box {background:url("../images/about-bg.png") no-repeat center center; background-size: cover; padding: 3rem 0;}
.about-box h3 {position: relative;}
.about-box h3:after {content: ''; width:20%; height: 0; border-top:3px solid rgb(0 80 180); position: absolute; bottom:-1rem; left:0;}
.swiper-about {overflow: hidden; border:5px solid rgb(0 123 255 / 50%); position: relative; z-index: 9;}
.circle-button-next,.circle-button-prev {position: absolute; width:3rem; height: 3rem; border:2px solid rgba(116,142,137,1); top:50%; margin-top:-1rem; display: block; z-index: 99; border-radius:1.5rem; color:rgba(116,142,137,1.00); text-align: center; font-size:2rem!important; line-height: 3rem; opacity: 0; transition: all 0.3s; cursor: pointer; background:rgba(116,142,137,0.25);}
.swiper-about:hover .circle-button-next,.swiper-about:hover .circle-button-prev {opacity:1;}
.swiper-about .circle-button-next {right:0.5rem;}
.swiper-about .circle-button-prev {left:0.5rem;}


/*swiper-case*/
.tit-hl {position: relative; z-index: 11; width: 50%;}
.swiper-case {width:100%; height: 100%; padding-top:3.5rem; margin-top:-3rem; overflow: hidden; position: relative; z-index: 1;}
.swiper-case h4 {height: 2rem; line-height: 2rem;}
.swiper-case .btn-prev,.swiper-case .btn-next {width:2.4rem; height: 2.4rem; background:rgb(21 63 143); position: absolute; top:0; z-index: 11; cursor: pointer; text-align: center; color: rgba(255,255,255,1); transition: all 0.3s;}
.swiper-case .btn-prev i,.swiper-case .btn-next i {font-size: 1.6rem!important;}
.swiper-case .btn-prev:hover {text-indent: -0.5rem; background:rgb(0 80 180);opacity: 0.8;}
.swiper-case .btn-next:hover {text-indent: 0.5rem; background:rgb(0 80 180);opacity: 0.8;}
.swiper-case .btn-prev {right:2.5rem;}
.swiper-case .btn-next {right:0;}

.message form label {width:100%;}
.message form label span { width: 3rem; line-height: 34px; color: #666; display: block; text-align: right; float: left;}
.message form label input {width:80%; height: 2rem; line-height: 2rem; border: #ccc 1px solid; padding: 0 5px;}
.message textarea {width:80%; height: 5rem; border: #ccc 1px solid; padding: 0 5px;}
.message i.iconfont {font-size:1.35rem!important;}
@media (max-width:991.98px) {
	.message {margin:2rem auto;}
}